<!--    公用头部  end  -->
<ion-view view-title="订单详情">
    <ion-content>
        <div class="row">
            <div class="col">
                <h1 class="order-title" ng-bind="line.title">首付377，长滩豪华六日游</h1>

                <div class="text-center info-title"><img class="info-img" src="images/canlender.png" alt=""/><span>选择日期</span></div>
                <!--    日历插件  start  -->
                <div class="container">
                    <div class="check-month" id="data-tab2"></div>
                    <div id="calendar2"></div>
                </div>
                <!--    日历插件  end  -->
                <div class="base-info">
                    <div class="info-title"><img class="info-img" src="images/contact.png">
                        <span>付款方式</span>
                    </div>
                    <div class="order-inputs">
                        <div class="form-group">
                            <div class="dex-travel-box">
                                <a href="javascript:void(0);" ng-click="charge_type=1" ng-class="{'selectClass': charge_type==1, '': charge_type==2}">全款出游</a>
                                <a href="javascript:void(0);" ng-click="charge_type=2" ng-class="{'selectClass': charge_type==2, '': charge_type==1}">首付出游</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="base-info">
                    <div class="info-title"><img class="info-img" src="images/person.png">
                        <span>选择人数</span>
                    </div>
                    <div class="order-inputs">
                        <div class="radio" ng-click="people=1" ng-class="{'active': people==1, '': people!=1}">
                            <label>1个人(需补单房差)</label>
                        </div>
                        <div class="radio" ng-click="people=2" ng-class="{'active': people==2, '': people!=2}">
                            <label>2个人(我一人付全部)</label>
                        </div>
                        <div class="radio" ng-click="people=3" ng-class="{'active': people==3, '': people!=3}">
                            <label> 2个人(AA制，各付各的)</label>
                        </div>
                    </div>
                </div>

                <div class="base-info">
                    <div class="info-title"><img class="info-img" src="images/contact.png">
                        <span>联系人信息</span>
                    </div>
                    <div class="order-inputs">
                        <div class="form-group">
                            <input type="text" class="form-control" name="contact_name" placeholder="用于我们与您联系" ng-model="linkman1.name" required>
                            <label>姓名</label>
                        </div>
                        <div class="form-group">
                            <input type="tel" class="form-control" name="contact_phone" placeholder="用于我们与您联系" ng-model="linkman1.tel" required>
                            <label>手机号</label>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="contact_remarks" placeholder="护照号" ng-model="linkman1.card">
                            <label>身份证号</label>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="contact_remarks" placeholder="护照号" ng-model="linkman1.passport">
                            <label>护照号</label>
                        </div>
                    </div>
                </div>

                <div id="friendbox" class="base-info" ng-show="people!=1">
                    <div class="info-title"><img class="info-img" src="images/contact.png">
                        <span>同行联系人信息</span>
                    </div>
                    <div class="order-inputs">
                        <div class="form-group">
                            <input type="text" class="form-control" name="friend_contact_name" placeholder="用于我们与对方联系" ng-model="linkman2.name">
                            <label>姓名</label>
                        </div>
                        <div class="form-group">
                            <input type="tel" class="form-control" name="friend_contact_phone" placeholder="用于我们与对方联系" ng-model="linkman2.tel">
                            <label>手机号</label>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="contact_remarks" placeholder="身份证号" ng-model="linkman2.card">
                            <label>身份证号</label>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="friend_remarks" placeholder="护照号" ng-model="linkman2.passport">
                            <label>护照号</label>
                        </div>
                    </div>
                </div>

                <div class="base-info">
                    <div class="info-title"><img class="info-img" src="images/contact.png">
                        <span>优惠码</span>
                    </div>
                    <div class="order-inputs">
                        <div class="form-group">
                            <input type="text" class="form-control" id="bffcode" name="bffcode" placeholder="优惠码">
                            <label for="bffcode">优惠码</label>
                        </div>
                    </div>
                </div>

                <div class="order-foot">
                    <div class="my-font-xs" ng-show="charge_type==2">
                        首付：<span class="my-red my-font-lg" ng-bind="show_down_payment">¥337.00</span> <span style="padding-left: 10px;" class="my-red my-font-lg"></span><br>
                        月付：<span id="periods_price" ng-bind="show_down_payment">¥337.00</span> X <span ng-bind="activeCalendar.down_payment_num">11</span>月(不收取任何服务费和利息)
                    </div>
                    <div class="my-font-xs" ng-show="charge_type==1">
                        全款：<span class="my-red my-font-lg" ng-bind="show_full_payment">¥337.00</span> <span style="padding-left: 10px;" class="my-red my-font-lg"></span><br>
                    </div>
                    <input type="checkbox" checked="">.我已阅读并且同意<a href="javascript:void(0);">《首付游预定协议》</a>
                </div>

                <!--<div style="height: 60px"></div>-->

            </div>
        </div>
    </ion-content>
</ion-view>
<div class="footer">
    <a href="javascript:void(0);" ng-click="submit_order()">提交订单</a>
</div>